<template>
  <div class="p1756536466 bfff">
    <div class="f jcsb pb20" style="align-items: flex-end;">
      <div class="fz32">订单收入</div>
      <div class="fz32">¥{{taskForm.order_price}}</div>
    </div>
    <uv-skeletons :loading="taskForm.id ? false : true" :skeleton=" [{ type: 'line', num: 3, gap: '20rpx' }]">
      <div v-if="taskForm.type != 4 && taskForm.type != 5" class="f  jcsb" style="align-items: flex-end;">
        <div class="fz30">{{(taskForm.type == 4 || taskForm.type == 5) ? '服务费' : '保单加价'}}</div>
        <div class="fz30">¥{{(taskForm.type == 4 || taskForm.type == 5) ? '0' : taskForm.time_slot_price}}</div>
      </div>
      <div class="f pt20 jcsb" style="align-items: flex-end;">
        <div class="fz30">{{(taskForm.type == 4 || taskForm.type == 5) ? '赏金' : '配送费'}}</div>
        <div class="fz30">¥{{(taskForm.type == 4 || taskForm.type == 5) ? taskForm.bounty : taskForm.basic_price}}</div>
      </div>
    </uv-skeletons>
  </div>
</template>
<script>
  export default {
    props: {
      taskForm: {
        type: Object,
        default: {}
      },
    },
  }
</script>
<style lang="scss" scoped>
@import '../common.scss';
  .p1756536466 {
    color: #333;
    border-radius: 20rpx;
    padding: 20rpx 30rpx 30rpx 30rpx;
    box-shadow: 2rpx 2rpx 20rpx 2rpx #eeeeee;

  }
</style>